<template>
  <div id="app">
    <div class="login-bg">
      <div class="top_bottom"></div>
      <div class="center_content">
        <div class="left_right"></div>
        <div class="center_image">
          <div class="login-logo">
            <img src="/static/img/login_logo.1c39501.png" />
          </div>
        </div>
        <div class="center_login">
          <form class="el-form login-container el-form--label-left">
            <div class="title">欢迎登录</div>
            <div class="divider"></div>
            <div class="el-form-item is-required" style="margin-bottom: 40px">
              <!---->
              <div class="el-form-item__content" style="margin-left: 0px">
                <div class="el-input">
                  <!----><input
                    type="text"
                    autocomplete="off"
                    placeholder="账号"
                    maxlength="11"
                    class="el-input__inner"
                  /><!----><!----><!----><!---->
                </div>
                <!---->
              </div>
            </div>
            <div class="el-form-item is-required" style="margin-bottom: 40px">
              <!---->
              <div class="el-form-item__content" style="margin-left: 0px">
                <div class="el-input el-input--suffix">
                  <!----><input
                    type="password"
                    autocomplete="off"
                    placeholder="密码"
                    class="el-input__inner"
                  /><!----><span class="el-input__suffix"
                    ><span class="el-input__suffix-inner"
                      ><!----><!----><i
                        class="el-input__icon el-icon-view el-input__clear"
                      ></i
                      ><!----></span
                    ><!----></span
                  ><!----><!---->
                </div>
                <!---->
              </div>
            </div>
            <div class="el-form-item">
              <!---->
              <div class="el-form-item__content" style="margin-left: 0px">
                <div class="el-input" style="width: 136px">
                  <!----><input
                    type="text"
                    autocomplete="off"
                    placeholder="验证码"
                    class="el-input__inner"
                  /><!----><!----><!----><!---->
                </div>
                <button
                  type="button"
                  class="el-button pull-right el-button--default"
                >
                  <!----><!----><span>获取验证码</span></button
                ><!---->
              </div>
            </div>
            <div class="el-form-item">
              <!---->
              <div class="el-form-item__content" style="margin-left: 0px">
                <label class="el-checkbox is-checked"
                  ><span class="el-checkbox__input is-checked"
                    ><span class="el-checkbox__inner"></span
                    ><input
                      type="checkbox"
                      aria-hidden="false"
                      class="el-checkbox__original"
                      value="" /></span
                  ><span class="el-checkbox__label"
                    >记住账号密码<!----></span
                  ></label
                ><!---->
              </div>
            </div>
            <div class="el-form-item" style="width: 100%">
              <!---->
              <div class="el-form-item__content" style="margin-left: 0px">
                <button
                  type="button"
                  class="el-button btn_login el-button--default el-button--medium"
                >
                  <!----><!----><span>登录</span></button
                ><!---->
              </div>
            </div>
          </form>
        </div>
        <div class="left_right"></div>
      </div>
      <div class="top_bottom">
        <div class="footer">
          <span>© 2018 上海航数智能科技有限公司　　</span>
          <a
            href="http://www.beian.gov.cn/portal/registerSystemInfo"
            target="_Blank"
            >沪公网备案31011202010308号</a
          >
          <a>　</a>
          <a href="http://www.beian.miit.gov.cn" target="_Blank"
            >沪ICP备16041202号-2</a
          >
        </div>
      </div>
      <div class="el-dialog__wrapper" style="display: none">
        <div
          role="dialog"
          aria-modal="true"
          aria-label="免责声明"
          class="el-dialog"
          style="margin-top: 15vh"
        >
          <div class="el-dialog__header">
            <span class="el-dialog__title">免责声明</span
            ><button
              type="button"
              aria-label="Close"
              class="el-dialog__headerbtn"
            >
              <i class="el-dialog__close el-icon el-icon-close"></i>
            </button>
          </div>
          <!----><!---->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.login-bg .center_content .center_image {
    -webkit-box-flex: 7.425;
    -ms-flex: 7.425;
    flex: 7.425;
    background-color: rgba(35,82,255,.4);
}
*, :after, :before {
    box-sizing: border-box;
}
div {
    display: block;
}
.login-bg .center_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 90%;
}
#app {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px!important;
}
body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
*, :after, :before {
    box-sizing: border-box;
}
*, :after, :before {
    box-sizing: border-box;
}
</style>